<script setup>
import myMessage from '@/components/myMessage.vue'

const msg = ref()
const data = reactive({
  type: 'loading',
  msg: '加载中...'
})
// onMounted(() => {
//   setTimeout(() => {
//     msg.value.show()
//   }, 2000)
//   setTimeout(() => {
//     data.msg = '登陆成功'
//     data.type = 'success'
//     msg.value.close()
//   }, 5000)
// })
</script>

<template>
  <index-nav />
  <main class="container">
    <!-- <myMessage ref="msg" :type="data.type" :msg="data.msg" /> -->
    <div class="msg-bar">
      <msg-bar />
    </div>
    <div class="content">
      <router-view></router-view>
    </div>
  </main>
  <index-footer />
</template>

<style scoped lang="less">
.content {
  display: flex;
  width: 100%;
}

.msg-bar {
  width: 100%;
  height: 2rem;
  background-color: rgb(238, 238, 238);
  display: flex;
}
</style>